<template>
  <view class="authorize-wrapper3">
    <view
          v-for="(item, index) in faguiList"
          :key="index"
          class="top-top-hangye"
          @click="hangyeClick(item)"
        >
          <view class="hangye-m">
            <view style="display: flex;flex-direction: row;justify-content: space-between;width:100%;">
              <view class="hangye-title">{{ item.name }}</view>
              <view class="hangye-title2" style="margin-left:5px;width:80px;">{{ item.remark }}</view>
            </view>
            
            <view class="hangye-title2">{{ item.desc }}</view>
            <!-- <view class="top-hangye">阅读量：{{ item.browseNum }}</view> -->
          </view>
          <view style="width:100%;height:1px;background-color:#E5E5E5" />
          <!-- <view class="hangye-img">
            <image class="hangye-img2" :src="item.mainPictureUrl" />
          </view> -->
        </view>
  </view>
</template>
<script>
import { mapState } from 'vuex';
export default {
  computed: {
    ...mapState(['settings'])
  },
  data() {
    return {
      faguiList:[
      {articleTitle:"山东华杰人力资源管理有限公司招聘公告",info:"山东华杰人力资源管理有限公司成立于2007年，现有分、子公司38家",dta:"2020-07-09",
      url:"http://www.huajierenli.com/news/detail/7A6CA2D83BCB42EA9EF84CBBE2B9B681"},
      {articleTitle:"济南市天桥区法院大桥法庭招聘合同制法官助理",info:"根据工作需要，济南市天桥区法院大桥法庭面向社会公开招聘合同制法官助理。现将招聘有关事项公告如下",dta:"2020-12-03",
      url:"http://www.huajierenli.com/news/detail/C7F31CF8B77B41038F9B5B087B2D7B34"},
      {articleTitle:"历下区“春风行动”专场招聘会三月份集中举办",info:"春风送岗位、就业暖人心。为满足企业的用工需求，更好地畅通劳动者就业渠道",dta:"2021-03-09",
      url:"http://www.huajierenli.com/news/detail/AC233E0538E2475B8E0A6C0C78CE3FF0"}
      ]
    }
  },
    onLoad: function (option) {
    this.faguiList  = JSON.parse(decodeURIComponent(option.item));
},
  methods: {
    hangyeClick(data) {
      if(data.link && data.link.indexOf("mp.weixin.qq.com") !== -1 ){
        uni.setStorageSync("content",data.link);
        uni.navigateTo({
          url: `/webView/index`
        });
      }
    }
  }
}
</script>

<style lang="scss">
  .top-top-hangye {
    
  
  width:100%;
  // background: #aaffff;
  flex-direction: column;
  // border-radius: 10px;
  display: flex;
  align-items: center;
  // margin-bottom: 12px;
  // justify-content: space-between;

}
.hangye-m {
  height: 100%;
  width: 100%;
  flex-direction: column;
  display: flex;
  padding-left:15px;
  padding-right:15px;
  padding-top:10px;
  padding-bottom:10px;
  justify-content: space-between;

}
.hangye-title {
  margin-bottom: 7px;
  font-size: 16px;
  color: #222426;
}
.hangye-title2 {
  font-size: 13px;
  color: #9C9C9C;
}
.hangye-img {
  display: flex;
  align-items: center;
  width: 123px;
  height: 100%;
  .hangye-img2 {
    border-radius: 10%;

    width: 123px;
    height: 68px;
  }
}

.authorize-wrapper3{
  @include full-flex;
  background-color: $white;
  display: flex;
  flex-direction: column;
  align-items: center;


}
</style>